﻿<!DOCTYPE html>
<html>
<head>
    <title></title>
    Properties: instance
                 <div instance="MyToolbar">
                     <div region="east">

                     </div>
                     <div region=west">

                     </div>
                 </div>   
</head>
<body>
    
        <table role="bottom-toolbar" style="width: 100%;display: block; position: fixed; background-color: #4f4f50; left: 0px; min-height: 90px; max-height: 90px; bottom: 0px; right: 0px" cellpadding="0" cellspacing="0">
            <tr>
                <td id="left" nowrap="nowrap" style="padding-left:40px"></td>
                <td style="min-height:90px;max-height:90px;margin:0;padding:0" valign="middle" ng-transclude></td>
                <td >
                    <table style="float:right">
                        <tr>
                            <td id="right"></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    
    <script>
        var w = $(window).width();
       
        var children = $($tmp.$e[0]).find("[region='west']").children();
        children.each(function (index, ele) {
            $(ele).appendTo($($tmp.$e[0]).find("td#left")[0]);
        });
        var children2 = $($tmp.$e[0]).find("[region='east']").children();
        children2.each(function (index, ele) {
            $(ele).appendTo($($tmp.$e[0]).find("td#right")[0]);
        });
        $tmp.$s.$wacth(function () {
            return $($tmp.$e[0]).children().length;
        }, function (n, o) {
            if (angular.isUndefined(n)) return;
            if (n != o) {
                
            }
        });
    </script>
</body>
</html>